/* banner */
.banner{position:relative; width:100%;min-width:1200px; height:400px; margin-bottom:20px; overflow: hidden;}
.banner-content li{width:1200px; height:400px;margin:0 auto;}
.banner-dota{position:absolute; left:0; bottom:20px; width:100%; height:14px; text-align: center; }
.banner-dota ul{display:inline-block; line-height: 100px; overflow: hidden; }
.banner-dota li{float:left; width:10px; height:10px; background:#a3baf9; border-radius:5px; margin:2px 5px 0;}
.banner-dota li.on{background: #fff; }
/*2018/0603*/
.banner-content ul{text-align: center;}
.banner-content a{display: inline-block;}
/* discount-content */
.discount-content{width:1160px;  padding: 0 20px 30px;background:#fff; margin-bottom:20px; overflow: hidden;}
.recent-disTit{height:70px; line-height:70px; font-size:24px; color: #007ff4;}
.recent-disList{width:1176px; margin-left:-16px; overflow: hidden;}
.recent-disList a{float:left; width:278px; height:178px; box-shadow: 0 0 10px #eaeaea; margin-left:16px; }
.recent-disList a img{width:278px; height:178px;}
.provid-server {margin-top: 20px;overflow: hidden;}
.server-list {float: left;width: 278px;margin-right: 16px;}
.server-list4{margin-right: 0;}
.server-sortIcon {float: left;width: 50px;height: 50px;margin-top: 10px;/* border-left: 1px solid #efefef; */}
.server-sortIcon img {width: 39px;height: 39px;/* margin: 0 auto; */}
.proServe-content {float: left;width: 228px;}
.server-list1 .proServer-title {color: #47cbe7;}
.server-list2 .proServer-title {color: #fa9f01;}
.server-list3 .proServer-title {color: #57cd2e;}
.server-list4 .proServer-title {color: #bd72d9;}
.proServer-title {display: block;height: 30px;line-height: 30px;font-size: 18px;color: #007ff4;}
.proServe-content p {height: 40px;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;}
/* today-recommend */
.today-recommend{width:1160px; padding:0 20px 30px; background:#fff; margin:0 auto 20px; overflow:hidden;}
.recommend-headline{height:70px; font-size:24px; color:#007ff4; line-height: 70px;}
.recom-banner{position:relative; float:left; width:698px; height:360px;}
.recom-prev,.recom-next{position:absolute;top:144px; width:27px; height:54px;}
.recom-prev{ left:0;  }
.recom-next{ right:0;  }
.recom-bannerList li{position:relative; float:left;  width:698px; height:360px;}
.recom-banDetails{position:absolute;left:0; bottom:0;  width:613px; padding:0 70px 0 15px; height:50px; line-height:50px; background:url(../../images/pc/recom-bg.png); font-size:18px; color:#fff;}
.recom-pageState{position:absolute; right:0; bottom:0; width:50px; height:50px; color:#fff; background:#000; text-align: center; line-height: 50px; font-size:18px; background:url(../../images/pc/state-bg.png) no-repeat;}
/* recom-newTit */
.recommend-news{float:right; width:442px;}
.recom-newTit{display:block; width:404px;height:28px;padding-left:38px; color: #ff6000; font-size:16px; background:url(../../images/pc/news-icon.png) left top no-repeat; /* line-height:30px; */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend-newsList{float:right; width:435px; border-left:1px solid #f2f2f2; }
.news-name{height:30px; line-height:30px; background:url(../../images/pc/news-dota.png) left 9px no-repeat; margin-left:-6px; overflow: hidden;}
.news-name a{float:left; width:312px; padding-left:18px; font-size:14px; color: #3c3c3c;}
.news-name .news-pubTime{float:right; color:#999; font-size:14px;}
.news-details{display:none;width:428px; height:26px; line-height:24px; border-bottom:1px dashed #e9e9e9; font-size:14px; color:#999; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; margin-bottom:3px; margin-left:12px; }
.news-details a{color:#999;}
.news-name.on{background:url(../../images/pc/news-dotaOn.png) left 8px no-repeat; }
.news-name.on a{color: #007ff4;}

/* module-headline */
.module-headline{height:38px;border-bottom:1px solid #007ff4;  margin-bottom:20px;}
.module-headlineName{float:left; width:174px; line-height: 38px; font-size:24px;color: #007ff4; }
.module-headlineName a{ color: #007ff4;}
.module-headlineName a:hover{ color: #016ccf;}
.module-headlineMore{float:right; font-size:12px; color: #666; line-height: 38px;background:url(../../images/pc/page-next.png) right 14px no-repeat;background-size:6px;padding-right: 15px;}
.module-headlineMore:hover{background:url(../../images/pc/page-nextOn.png) right 14px no-repeat;background-size:6px;}
.module-headlineMore:hover{color: #007ff4;}
.module-headline.noborder{border-bottom:1px solid #fff;}
/* tabModule-title */
.tabModule-title{float:left; height:38px; font-size:15px; color: #666;}
.tabModule-title ul{height:39px; overflow: hidden;}
.tabModule-title li{float:left; position:relative; height:37px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; line-height: 37px; font-size:16px; cursor: pointer;}
.tabModule-title li a,.tabModule-title li span{display:block; position:relative; top:0; height:37px; padding:0 20px; color: #666;}
.tabModule-title li.on{border-top:1px solid #007ff4; border-left:1px solid #007ff4; border-right:1px solid #007ff4; background: #fff;}
.tabModule-title li.on a,.tabModule-title li.on span{border-bottom:1px solid #fff; color: #007ff4;}
/* other_clickTitle */
.other_clickTitle{float:left; }
.other_clickTitle li{float:left;height:36px; line-height: 36px; font-size:16px; color: #666;}
.other_clickTitle li a{padding:0 20px; color: #666;}
.other_clickTitle li a:hover{color: #007ff4;}

/* tabSwitch-module */
.tabSwitch-module{width:1160px;}
.test-examCon{width:1160px;}
.test-examCon .sublist{width:1160px; height:180px; overflow: hidden;}
.ex-course .sublist{width:1160px; height:210px; overflow: hidden;}
.teacher-content .sublist{width:1160px; height:200px; overflow: hidden;}
.school-areaContent .sublist{width:1160px; height:200px; overflow: hidden;}
/* test-msglist */
.test-msgContent{width:1200px; margin-left:-20px;  margin-top:-13px; overflow: hidden;}
.test-msglist{float:left; width:275px;height:196px; margin-left:20px; overflow: hidden;}
.test-msglist h3,.test-msgColumn h3{height:40px;padding-left:13px; font-size:18px; color: #666;  background:url(../../images/pc/line-bg.png) left 7px no-repeat; line-height: 30px; border-bottom:1px dashed #eaeaea; margin-bottom:5px;}
.test-sortHeadline{float:left; color: #666; font-size:18px;}
.more-testMsg{ float:right; font-size:12px; color:#666;background:url(../../images/pc/page-next.png) right 10px no-repeat;background-size:6px;padding-right: 15px;}
.more-testMsg:hover{background:url(../../images/pc/page-nextOn.png) right 10px no-repeat;background-size:6px;}
.test-msglist li{height:30px; padding-left:12px; color:#3c3c3c; line-height:30px; background:url(../../images/pc/msg-dota.png)left center no-repeat; }
.test-msglist li a,.test-msgColumn li a{display:block; width:100%; color: #3c3c3c;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.test-sortHeadline:hover,.more-testMsg:hover,.test-msglist li a:hover,.test-msgColumn li a:hover{color: #007ff4;}
/* test-msgColumn */
.test-msgColumn,.test-msglist{margin-top:13px;}
.test-msgColumn{float:left;width:760px; height:196px; margin-left:40px; overflow: hidden;}
.test-msgColumn ul{ width:800px; margin-left:-40px;}
.test-msgColumn li{float:left; width:348px; height:30px; padding-left:12px; color:#3c3c3c; line-height:30px; background:url(../../images/pc/msg-dota.png)left center no-repeat;margin-left:40px; }
/* course */
.course-liveContent{width:1176px; margin-left:-16px; overflow: hidden;}
.course_liveList{float:left; width:278px;margin-left:16px; }
.courseLive-cover{position:relative;width:278px; height:156px; overflow: hidden; cursor: pointer;}
.courseLive-coverImg,.courseLive-coverImg img{display:block; width:278px; height:156px;}
.course_liveOrder,.live_greyBg{position:absolute; left:0;  width:278px; height:156px;}
.course_liveOrder{/*top:186px;*/ top:0;display:none;}
.live_greyBg{top:0px;}
.live_greyBg{background:#000; opacity:0.5; filter:alpha(opacity=50);z-index: 1;}
.courseLive_orderBtn{display:block;position:relative; width:86px; height:34px; background: #007ff4; color: #fff; font-size:14px; line-height: 34px; text-align: center;z-index: 2; margin:61px auto 0;}
.courseLive_orderBtn:hover{background: #016ccf;}
.course-nameInfor{float:left;display:block;height:28px; color: #3c3c3c; font-size:14px; line-height:28px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;margin-top:8px;width:60%; }
.audition{}
.quan-icon{margin-top:16px;float: left;}
.course-nameInfor:hover{color: #007ff4;}
.course-free{font-size:18px;color:#ff6000;float: right;margin-top: 8px;}
.courseLive-cover:hover .course_liveOrder{display:block;}
/*material-download*/
.material-content{float:left; width:100%; margin-left:20px; overflow: hidden;height:164px;}
.material-content ul li{width:275px;float:left;margin-right:22px;border-bottom:1px dashed #e9e9e9;height: 40px;line-height: 40px;background:url(../../images/pc/downLoad.png)left center no-repeat;}
.material-content ul li:hover{border-bottom:1px dashed #e9e9e9;height: 40px;line-height: 40px;background:url(../../images/pc/downOnLoad.png) left center no-repeat;}
.material-content ul li a{margin-left:15px;}
.material-content ul li a span:first-child{width:68%;display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-left: 15px;}
.material-content ul li a span:nth-child(2){display:inline-block;float:right;}
.material-content ul li a:hover{color: #007ff4;}
/* teacher */
.main-teacherCon{position:relative; width:1160px;height:210px; z-index: 1;}
.main-teacherCon .tempWrap li img{width:100%;}
.prevBtn,.nextBtn{opacity:0; filter:alpha(opacity=0);position:absolute; width:27px; height:54px; background:url(../../images/pc/scrollBg.png) no-repeat; z-index: 3; cursor:pointer;}
.prevBtn{left:0;}
.nextBtn{right:0;}
.main-teacherCon .prevBtn,.main-teacherCon .nextBtn{top:50px;}
.school-area .prevBtn,.school-area .nextBtn{top:68px;}
.prevBtn img,.nextBtn img{padding:15px 0 0; margin:0 auto;}
.main-teacherCon:hover .prevBtn,.main-teacherCon:hover .nextBtn,.school-area:hover .prevBtn,.school-area:hover .nextBtn{opacity:1; filter:alpha(opacity=100)}
.main-teacherList{width:200%;height:200px; background: #fff; overflow: hidden;}
.main-teacherList li{float:left; width:152px; height:192px; overflow: hidden; margin-right:16px;}
.main-teacherList .teacher-photo{position:relative;display:block; width:152px; height:192px; }
.teacher-greyBg{position:absolute; left:0; bottom:0;height:40px; width:100%; line-height:40px;text-align: center;}
.teacher-name{position:absolute; left:0; bottom:0;height:40px; width:100%; line-height:28px;text-align: center; color:#007ff4;font-size:14px;line-height:40px;  z-index: 2;}
.school-greyBg,.school-intro{position:absolute; left:0; bottom:0;height:28px; width:100%; line-height:28px;text-align: center;}
.teacher-greyBg{background: #fff;   z-index: 1;}
.school-greyBg{background: #000; opacity:0.5; filter:alpha(opacity=50); z-index: 1;}
.school-intro{font-size:14px; color: #fff; z-index: 2;}
.main-teacherList li:hover{box-shadow: 0 0 10px #f3f3f3;}
/* school */
.school-area{position:relative; width:1160px;height:210px; z-index: 1;}
.school-areaList{width:200%;height:210px; background: #fff; overflow: hidden;}
.school-areaList li{position:relative; float:left; width:278px; height:200px; margin-right:16px; overflow: hidden; }
.school-areaList li p img{width:100%;}
.school-intro{padding:0 10px; box-sizing: border-box; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
/* appoint-poup */
.appoint-poup{display:none; position:fixed; left:0; top:0; z-index: 999;}
.appoint-greyBg{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index: 9;}
.appoint-success{position:fixed; left:50%; top:50%; width:450px; height:300px; margin:-150px 0 0 -225px; background:url(../../images/pc/success.png) no-repeat;z-index: 10; }
.appoint-success{font-size:18px; color:#007ff4; text-align: center;}
.appoint-success img{display:block;padding:76px 0 20px; margin:0 auto;}
.close-appoint{ display:none; position:absolute; right:-25px; top:-24px; width:24px; height:24px; background:url(../../images/pc/img-close.png) center center no-repeat; background-size:14px 14px; border:1px solid #fff; border-radius:13px; cursor: pointer;}
/* approach-wd */
.approach-wd{overflow: hidden;}
.approach-list{float:left; width:145px; font-size:14px; color:#666; text-align: center;}
.approach-list img{width:90px; height:70px; margin:0 auto;}
.approach-list span{display:block;height:24px; padding-top:8px;}
/* inBox */
.choose-tab{height:58px; line-height: 58px; margin-top:-20px;}
.choose-tab ul li{float:left;font-size:18px; color: #666; margin-right:30px; cursor: pointer;}
.choose-tab ul li.current{color: #007ff4;}
.inBox-content{height:192px;}
/* ky-process */
.ky-process{width:1140px; height:210px; padding:0 10px; background:url(../../images/pc/line.png) center 62px no-repeat; margin:0 auto;}
.process-list{float:left; width:130px;text-align: center; margin:0 3px;}
.process-month{height:84px; font-size:16px; overflow: hidden;}
.process-list1{margin-left:26px;}
.month-matter{width:130px; height:95px; padding-top:28px;  font-size:16px; color: #666;}
.matter-title{height:36px; line-height: 30px; font-weight: bold;}
.matter-show{color: #fff;}
.process-list1 .process-month{background:url(../../images/pc/month1.png) center 52px no-repeat;background-size:30px 30px;  color: #e52b00;}
.matter-show.process-list1 .month-matter{background:url(../../images/pc/m1.png) no-repeat;}
.process-list2 .process-month{background:url(../../images/pc/month2.png) center 52px no-repeat; background-size:30px 30px;  color: #ff6600;}
.matter-show.process-list2 .month-matter{background:url(../../images/pc/m2.png) no-repeat;}
.process-list3 .process-month{background:url(../../images/pc/month3.png) center 52px no-repeat; background-size:30px 30px;  color: #dde500;}
.matter-show.process-list3 .month-matter{background:url(../../images/pc/m3.png) no-repeat;}
.process-list4 .process-month{background:url(../../images/pc/month4.png) center 52px no-repeat; background-size:30px 30px;  color: #51e500;}
.matter-show.process-list4 .month-matter{background:url(../../images/pc/m4.png) no-repeat;}
.process-list5 .process-month{background:url(../../images/pc/month5.png) center 52px no-repeat; background-size:30px 30px;  color: #00e5a7;}
.matter-show.process-list5 .month-matter{background:url(../../images/pc/m5.png) no-repeat;}
.process-list6 .process-month{background:url(../../images/pc/month6.png) center 52px no-repeat; background-size:30px 30px;  color: #00b2e5;}
.matter-show.process-list6 .month-matter{background:url(../../images/pc/m6.png) no-repeat;}
.process-list7 .process-month{background:url(../../images/pc/month7.png) center 52px no-repeat; background-size:30px 30px;  color: #d800e5;}
.matter-show.process-list7 .month-matter{background:url(../../images/pc/m7.png) no-repeat;}
.process-list8 .process-month{background:url(../../images/pc/month8.png) center 52px no-repeat;  background-size:30px 30px;  color: #e50031;}
.matter-show.process-list8 .month-matter{background:url(../../images/pc/m8.png) no-repeat;}
.matter-details{display:none;}
.matter-show .matter-details{display:block;}
.matter-show .month-matter,.matter-show .month-matter a{color: #fff;}
.matter-show .process-month{background-size:36px 36px; background-position:48px 47px;}
.matter-details a:hover{color:#ffff00;}